import React from "react"
import { Outlet } from "react-router-dom"
import SiderMenu from "@/components/home/siderMenu/SiderMenu"
import HeaderTitle from "@/components/home/headerTop/Index"
import BreadcrumbTitle from "@/components/home/breadCrumb/Index"
import { Layout } from "antd"
import styles from "./index.module.less"
const { Content } = Layout
const Home = () => {
  return (
    <Layout className="h-screen bg-#f5f5f5">
      <HeaderTitle />
      <Layout>
        <SiderMenu />
        <Content className="mx-10px h-full">
          <BreadcrumbTitle />
          <div className={styles.main}>
            <Outlet />
          </div>
        </Content>
      </Layout>
    </Layout>
  )
}
export default Home
